<div class="content"> <!-- Inicio da DIV content -->
<a><img src="<?= base_url() ?>img/logoijf.gif" width="200" height="20" alt="teste"></a>
    <div id="accordion">
        <h3><center>Relatorio Consolidado da Imagem</center></h3>
        <div>
            <table Border="1" >
                <thead>

                    <tr>
                        <th class="tabela_header">Descrição</th>
                        <th class="tabela_header">Procedimento</th>
                        <th class="tabela_header" width="200px;">Quantidade</th>
                   </tr>
                </thead>

                <tbody>
                    <?php
                        $total = 0;
                        foreach ($imagem as $item) {
                    ?>
                    <tr>
                        <td ><?php echo $item->descricao; ?></td>
                        <td ><?php echo $item->procedimento; ?></td>
                        <td ><?php echo $item->quantidade;?></td>
                    </tr>
                </tbody>
                <?php 
                $total = $total + $item->quantidade;
                        }
                    
                ?>
                                    <tr>
                                        <td colspan="2">TOTAL</td>
                        <td ><?php echo $total;?></td>
                    </tr>

            </table>
        </div>
    </div>


</div> <!-- Final da DIV content -->
<link rel="stylesheet" href="<?php base_url() ?>css/jquery-ui-1.8.5.custom.css">
<script type="text/javascript">

    $(function() {
        $( "#accordion" ).accordion();
    });

</script>